<template>
  <div class="Lists">
    <div class="nav">
      <router-link active-class="select" to="/Goods">商品</router-link>
      <router-link active-class="select" to="/Comments">评论</router-link>
      <router-link active-class="select" to="/Store">商家</router-link>
    </div>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: "Lists",
  data() {
    return {};
  },
  mounted() {},
};
</script>

<style scoped>
.Lists {
  position: absolute;
  width: 100%;
  top: 120px;
}
.nav {
  width: 100%;
  height: 40px;
  background: rgba(77, 146, 211,0.3);
  /* background: cornsilk; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.nav a {
  text-decoration: none;
  color: #333;
}
.select {
  color: rgb(56, 124, 187) !important;
}
</style>